
a {
  background-color: transparent; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

body {
  color: #525252;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 16px;
  background: #fff url('../img/cloud-bar.png') repeat-x;
  padding-top: 10px;
  -webkit-font-smoothing: antialiased; }

.container {
  width: 1080px;
  margin: 0 auto; 
  padding: 0;
}

a {
  color: #f4645f;
  text-decoration: none; }

h1 {
  font-size: 48px;
  font-weight: 200; }

p {
  line-height: 1.5;
  margin: 0; }

.docs .slide-main-nav .nav-docs {
  display: none; }

footer.main {
  background: #fafafa;
  padding: 35px 20px;
  text-align: center; }
  footer.main > ul {
    list-style: none;
    margin: 25px auto 35px; }
    footer.main > ul > li {
      display: inline-block;
      margin: 0 18px; }
      footer.main > ul > li > a {
        font-size: 16px;
        color: #525252; }
        footer.main > ul > li > a:hover {
          color: #f4645f; }
  footer.main p {
    color: #aeaeae;
    font-size: 16px;
    margin-bottom: 10px; }
    footer.main p a {
      color: #525252; }
      footer.main p a:hover {
        color: #f4645f; }
  footer.main p.less-significant a {
    color: #c8c8c8;
    font-size: 14px; }
    footer.main p.less-significant a:hover {
      color: #f4645f; }

nav.main {
  padding: 0px;
  display: table;
  height: 90px;
  width: 100%;
  border-bottom: 1px solid #dee0df; }

  nav.main:after {
    content: "";
    display: table;
    clear: both; }

  nav.main a.brand {
    color: #e74430;
    font-size: 21px;
    float: left;
    line-height: 90px;
    margin-right: 30px; }
    nav.main a.brand img {
      position: relative;
      top: 7px;
      margin-right: 15px; }

  nav.main ul.main-nav {
    list-style: none;
    display: inline-block;
    margin: 0;
    padding: 0;
    float: right; }
    nav.main ul.main-nav > li {
      display: inline-block;
      margin: 0 15px; }
      nav.main ul.main-nav > li > a {
        line-height: 90px;
        font-size: 16px;
        color: #525252; }
        nav.main ul.main-nav > li > a:hover {
          color: #f4645f; }
      nav.main ul.main-nav > li.active a {
        color: #f4645f; }

.docs article {
  padding: 10px 25px 25px 5px;
  margin-right: 0px;
  width: 800px;
  float: left;
}

.sidebar {
  border-left: 1px solid #f0f2f1;
  width: 250px;
  float: right;
  padding: 35px; }

.docs-wrapper {
  overflow: hidden; 
  min-height: 450px;
}
